<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>嵌入媒体</title>
    <style>
        img{
            width: 600px;
        }
    </style>
</head>
<body>
    <!-- 
        src    source 资源地址
        alt    alternate 替换的
    -->
    <img src="img/web copy.png" alt="替换文本">
    <!-- 
        file:///C:/Users/user/Desktop/a.html
        https://zptcsoft.gitee.io/html5/
        http://zptcsoft.gitee.io/html5/

        mailto:whqet@qq.com
        tel:10086

        https://convertio.co/zh/
     -->
     <a href="http://www.baidu.com" width="100">百度</a>
     <figure>
         <figcaption>图片标题</figcaption>
         <img src="img/web.png" width="600" alt="">
     </figure>
     <!-- 
        响应式图像、布局(Responsive_Design)
            根据不同的设备特性，指定不同的CSS。
            https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Responsive_Design
        @media
            http://css.doyoe.com/properties/media-queries/index.htm
      -->
</body>
</html>